<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>购物车</title>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/order.css">
</head>
<body>
	<!-- top头部部分开始 -->
	<div id="top">
		<div class="top">
			<div class="right">
				<ul>
					<li> <a href="" title="">登录</a></li>
					<li> <a href="" title="">注册</a></li>
					<li> <a href="" title="">我的订单</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- logo购物车部分开始 -->
	<div id="search">
		<div class="logo">
			<a href="" title=""><img src="images/logo.png" alt=""></a>
		</div>
		<!-- 搜索框部分开始 -->
		<div class="header_search">
			<div class="form">
				<form action="" method="post" accept-charset="utf-8">
					<input class="input" type="text" name="q" placeholder="360行车记录仪">
					<input class="submit" type="submit" value="">
				</form>
			</div>
			<div class="shopcar">
				<div class="gwc">
					<a href="" title=""><i></i>我的购物车<span>(0)</span></a>
				</div>
				<div class="gwchtc">
					<a href="" title="">您的购物车没有东西<span>(0)</span></a>
				</div>
			</div>
			<div class="hot">
			<a href="">智能出行伴侣</a><a href="">智能出行伴侣</a><a href="">智能出行伴侣</a>
			</div>
		</div>
		
	</div>
	<!-- top购物车部分结束 -->
	<!-- top分类部分开始 -->
	<div id="cate">	
		<div id="top_cate">
		<div class="cate">
			<a href=""> 全部智能酷品</a>
		</div>
		<ul>
			<li><a href="">手机</a></li>
			<li><a href="">行车记录仪</a></li>
			<li><a href="">儿童手表</a></li>
			<li><a href="">手机</a></li>
			<li><a href="">路由器</a></li>
			<li><a href="">路由器</a></li>
		</ul>
		</div>
	</div>
	<!-- 公共部分结束 -->
	<div id="content">
		<div class="mall_modw">
			<div class="hd"> 
			<h3>收货地址</h3> 
			<span style="color:red;font-size:14px;padding:10px">温馨提示：为了保证您的权益，防止黄牛倒卖，订单进入正在配货状态将不能修改收货地址和发票信息！</span></div>
			<!-- 地址选择部分 -->
			<div class="bd">
				<div class="init">
					<div class="sec_adr">
						<ul>
							<li>
								<input class="input-radio" type="radio" name="radio" value="0" id="address" checked="">
								<label for="address">旺达，河北省 秦皇岛市 青龙满族自治县 123号，13261300664</label>
								<div class="adr">
									编辑
								</div>
							</li>
							<li>
								<input class="input-radio" type="radio" name="radio" value="0" id="a1" checked="">
								<label for="a1">旺达，河北省 秦皇岛市 青龙满族自治县 123号，13261300664</label>
								<div class="adr">
									编辑
								</div>
							</li>
							<li>
								<input class="input-radio" type="radio" name="radio" value="0" id="a2" checked="">
								<label for="a2">旺达，河北省 秦皇岛市 青龙满族自治县 123号，13261300664</label>
								<div class="adr">
									编辑
								</div>
							</li>
						</ul>
						<a class="add" href="javascript:;" title="添加新地址" data-monitor="user_address_add"></a>
					</div>
					<div class="address">
						<form action="" method="post" accept-charset="utf-8">
							<div class="add-row"> 
							<label class="consignee-add-label" for=""> <b>*</b>收货人姓名 </label> 
							<input name="" type="text"  placeholder="收货人姓名" style="width: 230px;height:37px;"> 
							</div>

							<div class="add-row"> 
							<label class="consignee-add-label" for=""> <b>*</b>地址 </label> 
							<!-- 引入三级地址选择 -->
							<div class="info">
								<div>
									<select id="s_province" name="s_province"></select>  
								    <select id="s_city" name="s_city" ></select>  
								    <select id="s_county" name="s_county"></select>
								    <script class="resources library" src="js/area.js" type="text/javascript"></script>
								    
								    <script type="text/javascript">_init_area();</script>
								    </div>
							    <div id="show"></div>
							</div>

							<script type="text/javascript">
							var Gid  = document.getElementById ;
							var showArea = function(){
								Gid('show').innerHTML = "<h3>省" + Gid('s_province').value + " - 市" + 	
								Gid('s_city').value + " - 县/区" + 
								Gid('s_county').value + "</h3>"
														}
							Gid('s_county').setAttribute('onchange','showArea()');
							</script>
							<!-- 引入三级地址选择结束 -->

							<textarea name="" placeholder="路名街道地址，或门牌号"></textarea> 
							</div>

							<div class="add-row"> 
							<label class="consignee-add-label" for="">邮政编码 </label> 
							<input name="" type="text"  placeholder="6位邮政编码" style="width: 230px;height:37px;"> 
							</div>

							<div class="add-row"> 
							<label class="consignee-add-label" for=""> <b>*</b>手机号码 </label> 
							<input name="" type="text"  placeholder="11位手机号码" style="width: 230px;height:37px;"> 
							</div>

							<div class="sub"> 
								<p> 
									<a href="javascript:;" id="consigneeAddBtn" class="save">保存</a> 
									<a href="javascript:;" id="consigneeCancelBtn" class="cancle">取消</a> 
								</p> 
							</div>
							
						</form>
					</div>
				</div>
			</div>
		</div>

		<div class="mall_modw">
			<div class="hd"> 
			<h3>支付方式</h3> 
			</div>
			<p>限在线支付</p>
		</div>
		<div class="mall_modw">
			<div class="hd"> 
			<h3>配送方式</h3> 
			</div>
			<p>快递配送，费用5元</p>
		</div>
		<div class="mall_modw">
			<div class="hd"> 
			<h3>商品清单</h3> 
			</div>

			<div id="my_car">
			<div class="car_list">				
					<div class="title">
						<ul>
							<li class="lit">商品信息</li>
							<li>单价</li>
							<li>数量</li>
							<li>合计</li>
						</ul>
					</div>				
			</div>
			<div class="list">				
						<ul>
							<li class="lit">
								<div class="img">
									<img src="images/content/cs001.jpg" alt="">
								</div>
								<a href="" title="">360手机f4标准版移动4G魔力白</a>
							</li>
							<li><span>599</span>元</li>
							<li>×<span>1</span></li>
							<li class="xj"><span>599.00</span>元</li>
						</ul>
			</div>
			
			<!-- 商品价格总计 -->
			<div class="count">
				<div class="money">
					共：<span style="color:orange;">1</span>件 <br>
					金额共计：<span>599</span>元 <br>
					配送费：<span>5</span>元
					<p>应付总额:<span>604</span>元</p>
				</div>
				<div class="btn">
					<a href="javascript:void(0);" class="b2" title="立即下单" data-monitor="shopcart_placeorder_click">立即下单</a>
				</div>
			</div>
		</div>


		</div>
	</div>
<!-- 公共底部部分开始 -->
	 <!-- 7天无理由退货部分 -->
		<div id="ser">
			<div class="ser">
				<div class="li">
					<i>7</i><span>7天无理由退货</span>
				</div>
				<div class="li">
					<i>15</i><span>15天免费换货</span>
				</div>
				<div class="li lin">
					<i>包</i><span>7满99元包邮</span>
				</div>
			</div>
		</div>

<br>
		<div id="footer">
	         <div class="ft">
	         		<br>
	         		<br>
	         		<br>
	              <p>360商城©2013-2016 360公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号奇酷互联网络科技（深圳）有限公司 0755-61898999 深圳市南山区学苑大道1001号南山智园A2栋</p>
	         </div>
        </div>
</body>
</html>